<html class="enjoy-html">
<head>
    <title>俱乐部风采</title>
    <meta charset="utf-8">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <script type="text/javascript" src="./static/js/base_v3.2.0.js"></script>
    <link rel="stylesheet" href="./static/new_ui/new_css/base_v3.2.css">
    <script type="text/javascript" src="./static/js/modal.js"></script>
    <link rel="stylesheet" href="./static/new_ui/new_css/modal.css">
</head>
<body>
<div class="hideFooter clearFix"
     style="position:fixed;width:100%;height:50px;bottom:0;background-color:rgba(0,0,0,.8);z-index:20005;">
    <a class="fl" id="historyBtn" style="width: 33.33333333333%;height:50px;" href="javascript:history.go(-1);">
        <span style="display:block;width:25px;height:25px;float:left;background:url(./static/new_ui/images/back.png) center center no-repeat;background-size:30px 25px;margin: 11px 0 0 20px;"></span>
    </a>

    <a class="fr menu-toggle-new" style="width: 33.33333333333%;height:50px;" href="javascript:void(0);">
        <span style="display:block;width:25px;height:25px;float:right;background:url(./static/new_ui/images/mune.png) center center no-repeat;background-size:30px 25px;margin:13px 20px 0 0"></span>
    </a>

    <div class="menu-pop-new"
         style="display:none; padding:0 5px; min-width:76px; height: 137px;background-color:rgba(0,0,0,.8);position: absolute;right:15px;top: -150px;border-radius: 3px;text-align: center;z-index: 20001">
        <div style="width:0;height: 0;border-top: 8px solid rgba(0,0,0,.8);border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;top: 137px;right: 10px;"></div>
        <ul>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff" href="/phone">俱乐部介绍</a>
            </li>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff" href="/news">最新活动</a>
            </li>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff;border-top:1px solid #4b4a48;"
                   href="/isLogin">个人中心</a>
            </li>
        </ul>
    </div>
    <div id="zhezhao" class="zhezhao none" style="position:fixed; width:100%;height:100%;top:0;z-index: 20000"><a
            href="javascript:void(0);" style="display:inline-block; width:100%;height:100%;"></a></div>
</div>
<script type="text/javascript" src="./static/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="./static/js/base_v3.2.0.js"></script>
<script type="text/javascript" src="./static/js/modal.js"></script>
<link type="text/css" rel="stylesheet"
      href="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/css/modal.css">
<script type="text/javascript">
    $(function () {
        $(window).resize(function () {
            var windowHeight = $(window).innerHeight();
            $(".theme-3").css({height: windowHeight})
        });
        $("#mod1").live('click', function () {
            $("#myModal-title").modal("hide");
            $("#myModal-title1").modal("show");
        });

        $("#myModal_ok").live("click", function () {
            $("#myModal-title1").modal("hide");
        });
        $("#myModalClose").live("click", function () {
            $("#myModal-title").modal("hide");
        });
        $("#myModalImg").live('click', function () {
            $("#myModal-title").modal("hide");
        });
        $("#myModalImg1").live('click', function () {
            $("#myModal-title1").modal("hide");
        });
        var hasTouch = 'ontouchstart' in window;
        var START_EV = hasTouch ? 'touchstart' : 'mousedown';
        var MOVE_EV = hasTouch ? 'touchmove' : 'mousemove';
        var END_EV = hasTouch ? 'touchend' : 'mouseup';

    });
</script>


<div class="ex-store-box enjoy-bg">
    <div class="building-logo budling_lo">
        <h1>俱乐部风采</h1>
    </div>
    <div class="enjoy-body">
        <div class="enjoy-product">
            <div class="product-text">
                <p class="text-area">俱乐部更衣室</p>
            </div>
        </div>
        <div class="enjoy-show" style="cursor: pointer; position: relative; height: 305px;" onclick="detail(2772)">
            <img src="./static/new_ui/images/7.jpg" width="100%"
                 style="position: absolute;left:0;top:0;" alt="">
        </div>
    </div>

    <div class="enjoy-body">
        <div class="enjoy-product">
            <div class="product-text">
                <p class="text-area">俱乐部常温瑜伽馆</p>
            </div>
        </div>
        <div class="enjoy-show" style="cursor: pointer; position: relative; height: 307px;" onclick="detail(2771)">
            <img src="./static/new_ui/images/5.jpg" width="100%"
                 style="position: absolute;left:0;top:0;" alt="">
        </div>
    </div>

    <div class="enjoy-body">
        <div class="enjoy-product">
            <div class="product-text">
                <p class="text-area">俱乐部跑步机</p>
            </div>
        </div>
        <div class="enjoy-show" style="cursor: pointer; position: relative; height: 307px;" onclick="detail(2770)">
            <img src="./static/new_ui/images/6.jpg" width="100%"
                 style="position: absolute;left:0;top:0;" alt="">
        </div>
    </div>


    <div class="back-top">
        <img src="./static/new_ui/images/enjoy_top.png" width="70%" alt="">

        <p>顶部</p>
    </div>
</div>

<script type="text/javascript" src="/static/js/jquery.easing.min.js"></script>

<input type="hidden" id="msg_remind_id" value="0">

<script type="text/javascript">
    $(function () {
        window.onload = function () {
            $(".enjoy-show").each(function () {
                var wid = $(this).width();
                var hig = wid * 0.8;
                var imgHig = $(this).find('img').height();
                if (imgHig >= hig || imgHig == 0) {
                    $(this).css({height: hig + 'px', overflow: 'hidden'});
                    $(this).find('img').css({top: '50%', marginTop: -(imgHig / 2) + 'px'});
                } else {
                    $(this).css({height: imgHig + 'px'});
                }
            });
        }
    });

    function selectTag(id, value) {
        $('#' + id).val(value);
        form1.submit();
    }
    function selectManagerType(id, value) {
        $('#' + id).val(value);
        form1.submit();
    }
    function summitForm() {

        form1.submit();

    }

    function detail(id) {
        window.location.href = "/pwap/hrxfc/building/buildingselling_detail/" + id;
        ;
    }
    $(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $(".back-top").fadeIn(500);
            } else {
                $(".back-top").fadeOut(500);
            }
        });
        $(".back-top").click(function () {
            $('body , html').animate({scrollTop: 0}, 500);
            return false;
        })
    });
    //下拉列表组件
    $(function () {
        $(".max-select .checked").click(function () {
            if ($(this).next(".select").hasClass('none')) {
                $(this).next(".select").addClass("none").removeClass('none');
                $(".drop-list .checked").removeClass('current');
                $(this).addClass('current');
            } else {
                $(this).next(".select").addClass('none');
                $(this).removeClass('current');
            }
            $(this).parents(".tab-content").scrollLeft(1000);
        })
        $(".drop-list").each(function (i) {
//        if($(this).parent(".dropdown-list").has(".max-select")){
//            return;
//        }
            var $select = $(this).parent().find(".select");
            var $checked = $(this).find(".checked");
            $checked.on('click', function () {
                if ($select.hasClass('none')) {
                    $(".dropdown-list .select").addClass("none").eq(i).removeClass('none');
                    $(".drop-list .checked").removeClass('current').eq(i).addClass('current');
                } else {
                    $select.addClass('none');
                    $(this).removeClass('current');
                }
                return false;
            });
            $(document).on('click', function (e) {
                $select.addClass('none');
                $checked.removeClass('current');
                e.stopPropagation();
            });
        });
        $(".dropdown-list .select li").live('click', function () {
            var txt = $(this).find('a').text();
            $(this).parents('.dropdown-list').find('.checked').find('a').text(txt);
            $(this).parent().addClass('none');
            $(this).parents('.dropdown-list').find('.checked').removeClass('current');
            return false;
        });

        //将下拉列表的位置固定
        $(".more-contents,.single-content,.tab-content").scroll(function () {
            var nScrollRight = $(this)[0].scrollLeft;
            $(this).find(".dropdown-list .select").css('marginLeft', -nScrollRight + 'px').addClass("none");
            $(this).find(".drop-list .checked").removeClass('current');
            $(this).find(".max-select").find(".select").css('marginLeft', -nScrollRight - 146 + 'px');
        });

    });
</script>
</body>
</html>